<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <title>企业空间</title>
    <link rel="stylesheet" type="text/css" href="../../css/common/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common/Validform.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common/dsdialog.css" />
    <link rel="stylesheet" type="text/css" href="../../css/zyhpz/index.css" />
    <script type="text/javascript" src="../../js/common/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../../js/common/table.js"></script>
    <script type="text/javascript" src="../../js/common/Modal.js"></script>
    <script type="text/javascript" src="../../js/common/Validform_v5.3.2_min.js"></script>
    <script type="text/javascript" src="../../js/common/dsdialog.js"></script>
    <script type="text/javascript" src="../../js/zyhpz/index.js"></script>
    <!--[if IE 6]>
        <style type="text/css">
        @import "../../css/common/common_ie6.css";
        @import "../../css/zyhpz/index_ie6.css";
        </style>
        <script type="text/javascript" src="../../js/common/common_ie6.js"></script>
        <script type="text/javascript" src="../../js/zyhpz/index_ie6.js"></script>
    <![endif]-->
</head>
<body>

<div class="global_main">

    <!--========左侧折叠菜单开始===========-->
    <div class="user">
        <ul>
            <li class="header">
                <span><i></i>当前用户</span>
            </li>
            <li class="title">
                <span><i id="title_i"></i>二级用户1</span>
            </li>
            <li class="title_down">
                <p>三级用户1</p>
                <p>三级用户1</p>
            </li>
            <li class="title">
                <span><i id="title_i"></i>二级用户2</span>
            </li>
            <li class="title_down">
                <p>三级用户3</p>
                <p>三级用户4</p>
            </li>
            <li class="title">
                <span><i id="title_i"></i>二级用户3</span>
            </li>
            <li class="title_down">
                <p>三级用户5</p>
                <p>三级用户6</p>
            </li>
        </ul>
    </div>
    <!--========左侧折叠菜单结束===========-->

    <!--========右侧表格开始==========-->
    <div class="right_frame">
        <div class="global_table_search">
            <div class="search_button global_left">
                <p>
                    <button type="button" class="global_btn global_button" data-id="add_user" onclick="modal($(this),'新增子用户')">新增子用户</button>
                    <button type="button" class="global_btn global_button" id="query">查询上级用户</button>
                    <button type="button" class="global_btn global_button dele">删除</button>
                </p>
            </div>
            <div class="search_input global_right">
                <p class="s_input global_left">
                    <input type="text" class="global_input" placeholder="输入用户名或用户姓名" />
                    <span>搜索</span>
                </p>
            </div>
        </div>

        <div class="global_table">
            <table>
                <tbody>
                    <tr>
                        <td>用户名</td>
                        <td>用户昵称</td>
                        <td>所属部门</td>
                        <td>状态</td>
                        <td width="480px" class="ie_width">操作</td>
                    </tr>
                    <tr>
                        <td>adhn</td>
                        <td>二级用户1</td>
                        <td>部门1</td>
                        <td>禁用</td>
                        <td>
                            <div class="caozuo">
                                <p data-id="edit" onclick="modal($(this),'编辑用户信息')">
                                    <i class="icon01 icon"></i>
                                    <span>编辑用户信息</span>
                                </p>
                                <p data-id="reset" onclick="modal($(this),'重置密码')">
                                    <i class="icon02 icon" ></i>
                                    <span>重置密码</span>
                                </p>
                                <p data-id="distribution" onclick="modal($(this),'角色权限分配')">
                                    <i class="icon03 icon"></i>
                                    <span>角色权限分配</span>
                                </p>
                                <p data-id="state" onclick="modal($(this),'状态设置')">
                                    <i class="icon04 icon"></i>
                                    <span>状态设置</span>
                                </p>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>adhn</td>
                        <td>二级用户2</td>
                        <td>部门2</td>
                        <td>启用</td>
                        <td>
                            <div class="caozuo">
                                <p data-id="edit" onclick="modal($(this),'编辑用户信息')">
                                    <i class="icon01 icon"></i>
                                    <span>编辑用户信息</span>
                                </p>
                                <p data-id="reset" onclick="modal($(this),'重置密码')">
                                    <i class="icon02 icon" ></i>
                                    <span>重置密码</span>
                                </p>
                                <p data-id="distribution" onclick="modal($(this),'角色权限分配')">
                                    <i class="icon03 icon"></i>
                                    <span>角色权限分配</span>
                                </p>
                                <p data-id="state" onclick="modal($(this),'状态设置')">
                                    <i class="icon04 icon"></i>
                                    <span>状态设置</span>
                                </p>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--========右侧表格结束==========-->

    <!--========编辑用户信息模态框开始=======-->
    <div class="modal_html" id="edit">
        <form class="edit_form">
            <div class="modal_head">
                <span></span>
            </div>
            <div class="modal_body">
                <div class="modal_box">
                    <div class="form_input">
                        <p class="input_title"><span>用户名：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">用户名</span>
                            <input type="text" class="global_input" datatype="*"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>昵称：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">昵称</span>
                            <input type="text" class="global_input" datatype="*"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>密码：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">密码</span>
                            <input type="password" class="global_input" datatype="name" name="password"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>确认密码：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">确认密码</span>
                            <input type="password" class="global_input" datatype="name" recheck="password"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>用户姓名：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">用户姓名</span>
                            <input type="text" class="global_input" datatype="*" />
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>备注：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">备注</span>
                            <textarea class="global_textarea" datatype="*"></textarea>
                        </p>
                    </div>
                </div>
            </div>
            <div class="modal_footer">
                <div class="modal_btn">
                    <button type="button" class="global_button cancel"></button>
                    <button type="submit" class="global_btn global_button sure"></button>
                </div>
            </div>
        </form>
    </div>
    <!--========编辑用户信息模态框结束=======-->

    <!--========重置密码模态框开始=======-->
    <div class="modal_html" id="reset">
        <form class="reset_form">
            <div class="modal_head">
                <span></span>
            </div>
            <div class="modal_body">
                <div class="modal_box">
                    <div class="form_input">
                        <p class="input_title"><span>用户名：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">用户名</span>
                            <input type="text" class="global_input" datatype="*"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>重置密码：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">重置密码</span>
                            <input type="password" class="global_input" datatype="name" name="password"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>确认密码：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">确认密码</span>
                            <input type="password" class="global_input" datatype="name" recheck="password"/>
                        </p>
                    </div>
                </div>
            </div>
            <div class="modal_footer">
                <div class="modal_btn">
                    <button type="button" class="global_button cancel"></button>
                    <button type="submit" class="global_btn global_button sure"></button>
                </div>
            </div>
        </form>
    </div>
    <!--========重置密码模态框结束=======-->

    <!--========角色权限分配模态框开始=======-->
    <div class="modal_html" id="distribution">
        <form class="distribution_form">
            <div class="modal_head">
                <span></span>
            </div>
            <div class="modal_body">
                <div class="modal_box">
                    <div class="form_input">
                        <p class="input_title"><span>子用户名称：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">子用户名称</span>
                            <input type="text" class="global_input" datatype="*"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>角色分配：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">角色分配</span>
                            <select class="global_select" datatype="*">
                              <option value="角色1">角色1</option>
                              <option value="角色2">角色2</option>
                            </select>
                            <!--[if IE 6]>
                            <span class="select_ie6">
                                <span class="select_ie6_default">
                                    <select datatype="*">
                                        <option value="角色1">角色1</option>
                                        <option value="角色2">角色2</option>
                                    </select>
                                </span>
                            </span>
                            <![endif]-->
                        </p>
                    </div>
                </div>
            </div>
            <div class="modal_footer">
                <div class="modal_btn">
                    <button type="button" class="global_button cancel"></button>
                    <button type="submit" class="global_btn global_button sure"></button>
                </div>
            </div>
        </form>
    </div>
    <!--========角色权限分配模态框结束=======-->

    <!--========状态设置模态框开始=======-->
    <div class="modal_html" id="state">
        <form class="state_form">
            <div class="modal_head">
                <span></span>
            </div>
            <div class="modal_body">
                <div class="modal_box">
                    <div class="form_input">
                        <p class="input_title"><span>状态设置：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">状态设置</span>
                            <select class="global_select" datatype="*">
                              <option value="启用">启用</option>
                              <option value="禁用">禁用</option>
                            </select>
                            <!--[if IE 6]>
                            <span class="select_ie6">
                                <span class="select_ie6_default">
                                    <select datatype="*">
                                        <option value="启用">启用</option>
                                        <option value="禁用">禁用</option>
                                    </select>
                                </span>
                            </span>
                            <![endif]-->
                        </p>
                    </div>
                </div>
            </div>
            <div class="modal_footer">
                <div class="modal_btn">
                    <button type="button" class="global_button cancel"></button>
                    <button type="submit" class="global_btn global_button sure"></button>
                </div>
            </div>
        </form>
    </div>
    <!--========状态设置模态框结束=======-->

    <!--========新增子用户模态框开始=======-->
    <div class="modal_html" id="add_user">
        <form class="addUser_form">
            <div class="modal_head">
                <span></span>
            </div>
            <div class="modal_body">
                <div class="modal_box">
                    <div class="form_input">
                        <p class="input_title"><span>用户名：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">用户名</span>
                            <input type="text" class="global_input" datatype="*"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>昵称：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">昵称</span>
                            <input type="text" class="global_input" datatype="*"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>密码：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">密码</span>
                            <input type="password" class="global_input" datatype="name" name="password"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>确认密码：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">确认密码</span>
                            <input type="password" class="global_input" datatype="name" recheck="password"/>
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>用户姓名：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">用户姓名</span>
                            <input type="text" class="global_input" datatype="*" />
                        </p>
                    </div>
                    <div class="form_input">
                        <p class="input_title"><span>备注：</span></p>
                        <p class="validate_box">
                            <span class="validate_info">备注</span>
                            <textarea class="global_textarea" datatype="*"></textarea>
                        </p>
                    </div>
                </div>
            </div>
            <div class="modal_footer">
                <div class="modal_btn">
                    <button type="button" class="global_button cancel"></button>
                    <button type="submit" class="global_btn global_button sure"></button>
                </div>
            </div>
        </form>
    </div>
    <!--========新增子用户模态框结束=======-->


    <div class="mask_layer">
    </div>

</div>

</body>
</html>

